@import "./variable/variable.less";

body {
    font-size: @contentSize;
    color: @contentColor;
}

.primary {
    color: @primaryColor;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 20px;
    overflow-y: auto;
}

.link {
    .primary();
    cursor: pointer;
}

// 滚动条

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-track:hover {
    background-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-track:active {
    background-color: rgba(0, 0, 0, 0)
}

.scroll-thumb {
    background-color: transparent;
    border: solid 3px transparent;
    box-shadow: inset 0 0 14px 14px #bfe6ee;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    .scroll-thumb();
    box-shadow: inset 0 0 14px 14px #dfe6ee;
}

::-webkit-scrollbar-thumb:hover {
    .scroll-thumb()
}

::-webkit-scrollbar-thumb:active {
    .scroll-thumb()
}

// 滚动条
